<!DOCTYPE html>
<html lang="de">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="robots" content="index, follow" />
		
		<title>Kickstart Page Title</title>
		
		<link href="css/style.css" rel="stylesheet" media="screen" type="text/css" />
		<!--[if lte IE 7]>
		<link href="css/style-ie7.css" rel="stylesheet" media="screen" type="text/css" />
		<![endif]-->
		<!--[if lte IE 6]>
		<link href="css/style-ie6.css" rel="stylesheet" media="screen" type="text/css" />
		<![endif]-->
		
		<script src="js/jquery-1.4.2.min.js"></script>
		<script src="js/scripts.js"></script>
	</head>

	<body>
		<div id="site">
			<div id="content">
				<img src="img/new-album.gif" alt="New Album - out now!" id="stoerer" />
				<ul id="social">
					<li><a href="http://www.facebook.com/pages/makabu/174749216502" title="Makabu auf Facebook" target="_blank"><img rel="facebook" src="img/facebook.gif" alt="Makabu auf Facebook"/></a></li>
					<li><a href="http://www.myspace.com/makaburoom" title="Makabu auf Myspace" target="_blank"><img rel="myspace" src="img/myspace.gif" alt="Makabu auf Myspace"/></a></li>
				</ul>
				<ul id="disco">
					<li><a href="#"><img src="img/cover/a-place.jpg" alt=""/></a></li>
					<li><a href="#"><img src="img/cover/now-its.jpg" alt=""/></a></li>
					<li><a href="#"><img src="img/cover/past-choice.jpg" alt=""/></a></li>
					<li><a href="#"><img src="img/cover/single.jpg" alt=""/></a></li>
				</ul>
				<h1 class="hidden">Makabu</h1>
				
				<a href="/"><img src="img/makabu-logo.gif" alt="Makabu" class="left" id="logo" /></a>
				<ul id="navigation">
					<li><a class="active" href="#">Neues</a></li>
					<li><a href="#">Band</a></li>
					<li><a href="#">Media</a></li>
					<li><a href="#">Shows</a></li>
					<li><a href="#">Merch</a></li>
					<li><a href="#">Forum</a></li>
					<li class="last"><a href="#">Kontakt</a></li>
				</ul>
				<div class="clear"></div>
				
				<div class="news">
					<h2><span>06.04.10</span> | Neue shows bestätigt</h2>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur <strong>ridiculus mus</strong>. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, <a href="###">vulputate eget, arcu</a>. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
					<ul>
						<li>nascetur ridiculus mus</li>
						<li>nascetur ridiculus mus</li>
						<li>nascetur ridiculus mus</li>
						<li>nascetur ridiculus mus</li>
					</ul>
					<ol>
						<li>nascetur ridiculus mus</li>
						<li>nascetur ridiculus mus</li>
						<li>nascetur ridiculus mus</li>
						<li>nascetur ridiculus mus</li>
					</ol>
				</div>
				
				<!--div class="news">
					<h2><span>06.04.10</span> | Video, Video, Video</h2>
					<p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/nZLI-y4yMcw&hl=de_DE&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nZLI-y4yMcw&hl=de_DE&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></p>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, <a href="###">vulputate eget, arcu</a>. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
				</div>
				
				<h2>Text und Bilder</h2>
				<h3>Bild 150px</h3>
				<img src="img/band.jpg" alt="" class="border small" />
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, <a href="###">vulputate eget, arcu</a>. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
				
				<h3>Galerie</h3>
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<img src="img/band.jpg" alt="" class="border gallery" />
				<div class="clear">&nbsp;</div>
				<h3>Bild 300px</h3>
				<img src="img/band.jpg" alt="" class="border medium" />
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, <a href="###">vulputate eget, arcu</a>. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
				
				<h3>Bild 465px</h3>
				<img src="img/band.jpg" alt="" class="border big" />
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, <a href="###">vulputate eget, arcu</a>. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
				
				<h2>Formulare</h2>
				<form action="" method="post">
					<div class="input two">
						<label for="i01">Label</label>
						<input type="text" name="i01" id="i01"/>
					</div>
					<div class="clear">&nbsp;</div>
					<div class="input one left">
						<label for="i02">Label</label>
						<input type="text" name="i02" id="i02"/>
					</div>
					<div class="input one right">
						<label for="i03">Label</label>
						<input type="text" name="i03" id="i03"/>
					</div>
					<div class="clear">&nbsp;</div>
				</form-->
				
			</div>
		</div>
		<div id="teaser"></div>
		<div id="footer">
			<div class="header"></div>
			<div class="contentHolder">
				<div class="content">
					<h2>Kontaktinformationen Makabu</h2>
					<div class="left">
						<p>makabu@zughafen.de<br/>
						c/o zughafen<br/>
						Zum Güterbahnhof 20<br/>
						99085 Erfurt<br/><br/>
						Fon: +49 (0)361-43040 -10<br/>
						Fax: +49 (0)361-43040 -11</p>
					</div>
					<div class="left">
						<form action="" method="post">
							<div class="input two">
								<label for="i01">Name</label>
								<input type="text" name="i01" id="i01"/>
							</div>
							<div class="clear">&nbsp;</div>
							<div class="input two">
								<label for="i02">E-Mail</label>
								<input type="text" name="i01" id="i02"/>
							</div>
							<div class="clear">&nbsp;</div>
							<div class="input two">
								<label for="i03">Nachricht</label>
								<textarea cols="5" rows="20" name="" id="i03"></textarea>
							</div>
							<div class="clear">&nbsp;</div>
							<div class="input two">
								<input type="submit" class="submit right" value="Senden" />
							</div>
						</form>
					</div>
					<div class="left">
						<p><img src="img/zughafen.jpg" alt="Zughafen"/></p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>